import styled from "styled-components";

export const ShoppingWrapper=styled.div`
    background-color: #F5F5F5;
   
`
export const TabWrapper=styled.div`
    /* background-color: #FFFFFF; */
    width: 100%;
    z-index: 999;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;

`
export const Tab=styled.ul`
    display: flex;
    margin: 4px 8px;
    padding: 4px 8px;
    border-radius:4px;
    /* border: 1px solid black ; */
    align-items: center;
    justify-content: space-around;
    background-color: white;
`

export const TabItem=styled.li`
    font-size: 16px;
    flex: 1;
    &.active:after{
        content: '';
        height: 4px;
        width: 40px;
        display: block;
        background-color: #1E90FF;
        margin: auto;
        border-radius: 2px;
    }
    &.active a{
        color: #1E90FF;
    }

`

export const GoodsList=styled.div`
    /* border: 1px solid black; */
    margin: 4px 8px;
    padding: 4px 8px;
    &:after{
        content: '';
        display: block;
        clear: both;
    }
    
    
`
export const GoodsItem=styled.div`
    background-color: white;
    position: relative;
    height: 250px;
    float: left;
    &:nth-child(2n){
       float: right;
    }
    width: 47%;
    margin: 4px 4px;
    /* border: 1px solid black; */
    border-radius:5px;
    .goods_img{
        img{
            width: 150px;
            height: 150px;
        }
    }
    .goods_title{
        display: block;
        font-size: 12px;
        padding: 4px 4px;
        div{
            text-align: left;
        }
    }
    ul{
        padding: 0 4px;
        display: flex;
        div{
            border-radius: 4px;
            border: 2px solid pink;
            display: flex;
            li{
                padding: 0 4px;
            }
            li:first-child{
                border-right:2px dashed pink ;
            }
        }
        
    }
    .price{
        position:absolute;
        text-align: left;
        color: red;
        font-size: 16px;
        left: 2px;
        bottom: 0;
        span{
            font-size: 22px;
        }
    }
`